﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/AdminMaster.Master"
    Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">

        function addOption() {
            if (document.getElementById('option1').style.display == '' && document.getElementById('option2').style.display == 'none') {
                document.getElementById('option2').style.display = '';
            }
            else if (document.getElementById('option2').style.display == '' && document.getElementById('option3').style.display == 'none') {
                document.getElementById('option3').style.display = '';
            }
            else if (document.getElementById('option3').style.display == '' && document.getElementById('option4').style.display == 'none') {
                document.getElementById('option4').style.display = '';
            }
            else if (document.getElementById('option4').style.display == '' && document.getElementById('option5').style.display == 'none') {
                document.getElementById('option5').style.display = '';
            }
            else if (document.getElementById('option5').style.display == '' && document.getElementById('option6').style.display == 'none') {
                document.getElementById('option6').style.display = '';
            }
            else if (document.getElementById('option6').style.display == '' && document.getElementById('option7').style.display == 'none') {
                document.getElementById('option7').style.display = '';
            }
            else if (document.getElementById('option7').style.display == '' && document.getElementById('option8').style.display == 'none') {
                document.getElementById('option8').style.display = '';
            }
            else if (document.getElementById('option8').style.display == '' && document.getElementById('option9').style.display == 'none') {
                document.getElementById('option9').style.display = '';
            }
            else if (document.getElementById('option9').style.display == '' && document.getElementById('option10').style.display == 'none') {
                document.getElementById('option10').style.display = '';
            }
            else {
                document.getElementById('add').style.display = 'none';
                document.getElementById('message').style.display = '';
            }
        }

        function showClick() {

            var index = document.forms[0].elements('ddlForm').selectedIndex;
            var value = document.forms[0].elements('ddlForm').options[index].text;
            document.getElementById('question').style.display = ''
            document.getElementById('score').style.display = ''
            if (value == "Trắc nghiệm" || value == "Test" || value == "Trắc Nghiệm") {
                document.getElementById('option1').style.display = '';
                document.getElementById('add').style.display = '';
            } else {
                document.getElementById('option1').style.display = 'none';
                document.getElementById('option2').style.display = 'none';
                document.getElementById('option3').style.display = 'none';
                document.getElementById('option4').style.display = 'none';
                document.getElementById('option5').style.display = 'none';
                document.getElementById('option6').style.display = 'none';
                document.getElementById('option7').style.display = 'none';
                document.getElementById('option8').style.display = 'none';
                document.getElementById('option9').style.display = 'none';
                document.getElementById('option10').style.display = 'none';
                document.getElementById('add').style.display = 'none';
            }
            document.getElementById('submitForm').style.display = '';
        }

        function deleteOption(option, content, tenquydinh, giatriquydinh, txtMonHocID2, Delete, sOption) {
            document.getElementById(option).style.display = 'none';

            var sTable =
            "<tr  id=\"" + option + "\" style=\"display:none\">"
                    + "<td valign=\"middle\" align=\"left\">"
                    + "    <b>" + sOption + "</b>"
                    + "</td>"
                    + "<td valign=\"middle\" align=\"left\">"
                    + "<table cellpadding=0 cellspacing=0 >"
                        + "<tr>   <td>Từ khoá chính(từ để hỏi)</td>"
                        + "    <td><input type='text' name=\"" + tenquydinh + "\" style=\"width:200px\"" + "/>" + "</td>"
                            + "<td></td>"
                        + "</tr>"
                        + "<tr>"
                            + "<td>Nhập câu hỏi(phần chính)</td>"
                            + "<td><input type='text' name=\"" + giatriquydinh + "\" style=\"width:200px\"/></td>"
                            + "<td></td>"
                        + "</tr>"
                        + "<tr>"
                            + "<td>Nhập câu trả lời</td>"
                            + "<td><textarea name=\"" + txtMonHocID2 + "\" style=\"height:100px; width:200px\"></textarea></td>"
                        + "</tr>"

                    + "</table>"
            //+ "    <input type='text' name=\"" + content + "\" style=\"width:200px\" rows=\"4\"/>"
                    + "</td>"
                    + "<td valign=\"middle\" align=\"left\">"

                    + "     <input type=\"button\" class=\"button\" name=\"" + Delete + "\" onmousedown=\"deleteOption('" + option + "','" + content + "','" + Delete + "','" + sOption + "')\" value=\"Xoá\" />"
                    + "</td>"

                + "</tr>"

            document.getElementById(option).innerHTML = sTable;
            document.getElementById('add').style.display = '';
            document.getElementById('message').style.display = 'none';
        }


    </script>
    <style type="text/css">
        .button
        {
            padding: 0px 10px;
            display: inline;
            background: #777;
            border: none;
            color: #fff;
            cursor: pointer;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            font-size: small;
        }
    </style>
    <h3 style="width: 100%; background-color: Orange; font-size: large; color: White">
        Nhập dữ liệu chat cho cố vấn học tập</h3>
    <%using (Html.BeginForm("NhapDLChat", "Admin"))
      { %>
    <table cellspacing="0" border="0" style="margin-left: 100px">
        <tr id="option1" style="background-color: #D3D3D3">
            <td style="width: 150px">
                <b>Dữ liệu 1</b>
            </td>
            <td name="content1">
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            Từ khoá chính(từ để hỏi)
                        </td>
                        <td>
                            <input type="text" name="txtTuKhoa1" style="width: 200px" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Nhập câu hỏi(phần chính)
                        </td>
                        <td>
                            <input type="text" name="txtCauHoi1" style="width: 200px" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Nhập câu trả lời
                        </td>
                        <td>
                            <textarea name="txtTraLoi1" style="height: 100px; width: 200px"></textarea>
                            <%--<input type="text" name="txtTraLoi" style="width: 200px" />--%>
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                <%--<input type="button" name="Delete1" onmousedown="deleteOption('option1','content1','Delete1','Tên quy định 1')" value="Delete" />--%>
            </td>
        </tr>
        <tr>
            <td colspan="3">
            </td>
        </tr>
        <%for (int i = 2; i < 11; i++)
          {
              %>
            <tr id="option<%=i.ToString() %>" style="display: none; background-color: #D3D3D3">
            <td style="width: 150px">
                <b>Dữ liệu <%=i.ToString() %></b>
            </td>
            <td name="content<%= i.ToString() %>">
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            Từ khoá chính(từ để hỏi)
                        </td>
                        <td>
                            <input type="text" name="txtTuKhoa<%= i.ToString() %>" style="width: 200px" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Nhập câu hỏi(phần chính)
                        </td>
                        <td>
                            <input type="text" name="txtCauHoi<%= i.ToString() %>" style="width: 200px" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Nhập câu trả lời
                        </td>
                        <td>
                            <textarea name="txtTraLoi<%= i.ToString() %>" style="height: 100px; width: 200px"></textarea>
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                <input type="button" name="Delete<%= i.ToString() %>" onmousedown="deleteOption('option<%= i.ToString() %>','content<%= i.ToString() %>','txtTuKhoa<%= i.ToString() %>','txtCauHoi<%= i.ToString() %>','txtTraLoi<%= i.ToString() %>','Delete<%= i.ToString() %>','Dữ liệu <%= i.ToString() %>')"
                    value="Xoá" class="button" />
            </td>
        </tr>
        <tr>
            <td colspan="3">
            </td>
        </tr>
        <%} %>

               
       
        
        <tr id="add">
            <td>
                <br />
                <input type="button" class="button" name="submit" onmousedown="addOption();" value="Thêm quy định" />
            </td>
            <td align="center">
                <br />
                <input type="submit" class="button" name="saveSubmit" value="Lưu quy định" />
            </td>
            <td>
                <%--<br />
                        <%if (Model.ViewThanhCong)
                          {%>
                        <label>
                            <b style="color: Red">Thêm thành công</b></label>
                        <%} %>--%>
            </td>
        </tr>
    </table>
    <%} %>
</asp:Content>
